﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<div class="col_l_2">
    <div class="bor_cor pad_" style="background-color:#fff">
        <div class="box_tinrao">
	        <ul>
    	        <li style="border-right:2px solid #8BAEB2"><a class="act" href="#" id="news-tab-1" style="padding:5px 20px 5px 20px;" >Tin mới</a></li>
                <li><a href="#" id="news-tab-2">Nhiều người đọc</a></li>
            </ul>	
        </div>
        <div class="clear"></div>
        <div class=" line_bold"></div>
        <div id="div_new_top_1" class="newtop_cnt_tab">
            <% Html.RenderAction("Newest", "Article", new { number = 6, skip = 4, catid = SDT.Model.ConfigManager.GetArticle(), title = "Tin mới", order = "ID", orderDir = "desc" }); %>
        </div>
        <div id="div_new_top_2" class="newtop_cnt_tab">
            <% Html.RenderAction("Newest", "Article", new { number = 6, skip = 0, catid = SDT.Model.ConfigManager.GetArticle(), title = "Nhiều người đọc", order = "nViews", orderDir = "desc" }); %>
        </div>
    </div>
</div>
<div class="clear"></div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#div_new_top_2").hide();
        $("#news-tab-1").click(function() {
            $("#div_new_top_1").show();
            $("#news-tab-1").addClass("act");
            $("#div_new_top_2").hide();
            $("#news-tab-2").removeClass("act");
        });
        $("#news-tab-2").click(function() {
            $("#div_new_top_2").show();
            $("#news-tab-2").addClass("act");
            $("#div_new_top_1").hide();
            $("#news-tab-1").removeClass("act");
        });
    });
</script>
